<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        #FindSubRepeater {
            width: 41%;
            float: left;
        }

        .warn {
            color: red;
        }
    </style>
    <meta charset="utf-8" />
    <script src="jquery.js"></script>
    <script src="lodash.js"></script>
</head>
<body>
    <div> <h1><a href="JavaScript:;" id="start"> Click To Start</a></h1></div>

    <h3>Test Find Repeater</h3>

    <div id="FindSubRepeater">
        <div class="main" id="div1">
            <h4>title 111</h4>
            <p>
                <i>aaaasdf</i>
                some text here...111
            </p>
            <a href="/link/one">more..</a>
        </div>
        <div class="main" id="div2">
            <h4>title 222</h4>
            <p id="FindSuperRepeater">
                <span>aaaasd</span>
                some text here...2222
            </p>
            <a href="/link/two">more..</a>
        </div>
        <div class="main" id="div3">
            <h4>title 333</h4>
            <p>
                some text here...333<a href="/aaaaa">text</a>
            </p>
            <a href="/link/three">more..</a>
        </div>
    </div>

    <div id="SubRepeaterWithScript">
        <ul id="menu" kooboo-id="2-0-2-0-0-3" data-kb-fe-id="220">
            <li class="catalog" id="mainlevel_01" kooboo-id="2-0-2-0-0-3-1" data-kb-fe-id="221">
                <a class="NavTitle" href="/html/folder/2891-1.htm" kooboo-id="2-0-2-0-0-3-1-0" data-kb-fe-id="222">集团简介</a>
                <ul class="PRODUCT" kooboo-id="2-0-2-0-0-3-1-2" data-kb-fe-id="223"><li kooboo-id="2-0-2-0-0-3-1-2-0" data-kb-fe-id="224"><span id="NodeTitle" kooboo-id="2-0-2-0-0-3-1-2-0-0" data-kb-fe-id="225"><a href="/html1/folder/0/2892-1.htm" target="_self" title="组织架构" kooboo-id="2-0-2-0-0-3-1-2-0-0-0" data-kb-fe-id="226">组织架构</a></span></li><li kooboo-id="2-0-2-0-0-3-1-2-1" data-kb-fe-id="227"><span id="NodeTitle" kooboo-id="2-0-2-0-0-3-1-2-1-0" data-kb-fe-id="228"><a href="/html1/folder/0/2894-1.htm" target="_self" title="子公司简介" kooboo-id="2-0-2-0-0-3-1-2-1-0-0" data-kb-fe-id="229">子公司简介</a></span></li></ul>
            </li>

            <style kooboo-id="2-0-2-0-0-3-5" data-kb-fe-id="230">
                .ViceNav #menu li.catalog {
                    position: relative;
                    height: 40px;
                }

                .ViceNav #menu li .PRODUCT li {
                    padding: 0;
                    margin: 0;
                }

                .ViceNav #menu li ul li a {
                    background: url('/res/PICCCMS/structure/rabg.png') no-repeat left -28px;
                    height: 28px;
                    border: none;
                    margin-left: 1px;
                    display: block;
                    line-height: 28px;
                    text-align: left;
                    padding-left: 20px;
                    margin-top: 1px;
                    width: 140px;
                }

                    .ViceNav #menu li ul li a:hover {
                        background: url('/res/PICCCMS/structure/rabg.png') no-repeat left -1px;
                    }

                .ViceNav #menu li ul {
                    position: absolute;
                    display: none;
                    top: 0px;
                    background: url(/res/PICCCMS/structure/rulbg.png) no-repeat left top;
                    width: 100px;
                    left: 190px;
                    height: 58px;
                }
            </style>

            <script kooboo-id="2-0-2-0-0-3-7" data-kb-fe-id="231">
//menu
$(document).ready(function(){

  $('li.catalog').mousemove(function(){
  $(this).find('ul').slideDown("500");//可以自己修改速度
  });
  $('li.catalog').mouseleave(function(){
  $(this).find('ul').slideUp("fast");
  });

});
            </script>
            <li class="item" kooboo-id="2-0-2-0-0-3-10" data-kb-fe-id="232"><a class="NavTitle4" href="/html1/folder/0/2945-1.htm" kooboo-id="2-0-2-0-0-3-10-0" data-kb-fe-id="233">公司荣誉</a></li>
            <li class="item" kooboo-id="2-0-2-0-0-3-11" data-kb-fe-id="234">
                <a class="NavTitle6" href="/html1/folder/0/2957-1.htm" kooboo-id="2-0-2-0-0-3-11-0" data-kb-fe-id="235">联系我们</a>
                <ul class="optiton LeftNav4" kooboo-id="2-0-2-0-0-3-11-2" data-kb-fe-id="236"><li kooboo-id="2-0-2-0-0-3-11-2-0" data-kb-fe-id="237"><span id="NodeTitle" kooboo-id="2-0-2-0-0-3-11-2-0-0" data-kb-fe-id="238"><a href="/html1/folder/0/2959-1.htm" target="_self" title="子公司联系方式" kooboo-id="2-0-2-0-0-3-11-2-0-0-0" data-kb-fe-id="239">子公司联系方式</a></span></li></ul>
            </li>
        </ul>
    </div>

    <h3>Find repeater deeper</h3>

    <div id="repeaterdeeper">
        <div id="convertcontentlist">
            <div>
                <h3>text 111</h3><p>content 111</p>
            </div>
            <div>
                <h3>text 222</h3><p>content 222</p>
            </div>
            <div>
                <h3>text 333</h3><p>content 333</p>
            </div>
        </div>

        <div><p>some text block here.</p></div>

    </div>


    <h3>Test Find Repeater</h3>

    <div id="FindSubRepeaterWithoutClass">
        <div>
            <h4>title 111</h4>
            <p>
                <i>aaaasdf</i>
                some text here...111
            </p>
            <a href="/link/one">more..</a>
        </div>
        <div>
            <h4>title 222</h4>
            <p id="FindSuperRepeaterWithoutClass">
                <span>aaaasd</span>
                some text here...2222
            </p>
            <a href="/link/two">more..</a>
        </div>
        <div>
            <h4>title 333</h4>
            <p>
                some text here...333<a href="/aaaaa">text</a>
            </p>
            <a href="/link/three">more..</a>
        </div>
    </div>


    <table id="FindSubTableRepaeter">
        <thead><tr><th>标题1</th><th>标题2</th><th>标题3</th><th>标题4</th></tr>
        <tbody>
            <tr id="tr1">
                <td id="td11"><div><h5>单元格11小标题</h5><p>单元格11内容</p></div></td>
                <td><div><h5>单元格12小标题</h5><p id="FindSuperTableRepaeter1">单元格12内容</p></div></td>
                <td><div><h5>单元格13小标题</h5><p>单元格13内容</p></div></td>
                <td><div><h5>单元格14小标题</h5><p>单元格14内容</p></div></td>
                <td><div><h5>单元格15小标题</h5><p>单元格15内容</p></div></td>
            </tr>
            <tr id="tr2">
                <td><div><h5>单元格21小标题</h5><p>单元格21内容</p></div></td>
                <td><div><h5>单元格22小标题</h5><p>单元格22内容</p></div></td>
                <td><div><h5>单元格23小标题</h5><p>单元格23内容</p></div></td>
                <td><div><h5>单元格24小标题</h5><p>单元格24内容</p></div></td>
                <td id="td25"><div><h5>单元格25小标题</h5><p>单元格25内容</p></div></td>
            </tr>
            <tr>
                <td colspan="5" id="td31"><div><h5>单元格31小标题</h5><p>单元格31内容单元格31内容单元格31内容单元格31内容单元格31内容单元格31内容</p></div></td>
            </tr>
            <tr>
                <td colspan="5"><div><h5>单元格41小标题</h5><p id="FindSuperTableRepaeter2">单元格41内容单元格41内容单元格41内容单元格41内容单元格41内容单元格41内容</p></div></td>
            </tr>
            <tr>
                <td colspan="5" id="td51"><div><h5>单元格51小标题</h5><p>单元格51内容单元格51内容单元格51内容单元格51内容单元格51内容单元格51内容</p></div></td>
            </tr>
            <tr>
                <td colspan="5">单元格61结尾</td>
            </tr>
        </tbody>
    </table>


    <h3>Test template simple</h3>

    <div id="TemplateSimple">
        <div class="main">
            <h4>title 111</h4><p>
                <i>aaaasdf</i>some text here...111
            </p>
        </div>
        <div class="main">
            <h4>title 222</h4>
            <p>
                <span>aaaasd</span>
                some text here...2222
            </p>
        </div>
        <div class="main">
            <h4>title 333</h4>
            <p>
                ome text here...333<a href="/aaaaa">text</a>
            </p>
        </div>
    </div>

    <div id="TemplateWithMiddleContent">
        <div class="main"><h4>title 111</h4><p><i>a</i>some text here</p><h5>others</h5></div>
        <div class="main">
            <h4>title 222</h4>
            <i>text</i>
            <h5>others 222</h5>
        </div>
        <div class="main">
            <h4>title 333</h4>
            <p>
                ome text here...333<a href="/aaaaa">text</a>
            </p>
            <h5>other 3333.... </h5>
        </div>
    </div>

    <h3>Test template attribute</h3>

    <div id="TemplateWithAttributeContent">
        <div class="main"><h4>title 111</h4><a href="/one">one</a></div>
        <div class="main"><h4>title  222</h4><a href="/two">two</a></div>
        <div class="main"><h4>title  333</h4><a href="/three">three</a></div>
    </div>

    <h3>Test no repeater</h3>

    <div id="NoRepeater1">
        <p>some text here...... </p>
        another text... afsdfsdfsd
        <span>some text....  aaaaaa.... </span>
        <p>another text... </p>
    </div>

    <div id="NoRepeater2">

        this is the text content of this html block...

        I am testing something...
        <h3> aaaasdfasdfdsaf </h3>

        <span> some text here...... a lot of text here.... </span>

    </div>

</body>
<script src="js/require.js" data-main="RepeaterUnitTest.js"></script>
</html>
